html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 10px;
}

body{
	margin:0;
	padding:0;
	background-color: #333; /*#ccc;*/
	color:#ddd; /*#222;*/
}

.hidden {
	display:none;
}

#buttons {
	/*position:relative;*/
}

.button {
	width:79px;
	text-align:center;
	float:right;
}

#copy {
	font-size:9px;
	color: #aaa;
	bottom:10px;
	position:fixed;
	left:65px;
}

a {
	color: #777;
}

#board {
	top:0px;
	width:240px;
	height:240px;
	background-color:#000;
	padding:0px;
	float:left;
	display:inline;
	position:relative;
}

#status-area {
	display:inline;
	position:relative;
	background-color:#555;
	padding:5px;
	float:left;
	width:220px;
	/*height:424px;*/
	height:26px;
	margin:5px;
	border:0;
	/*text-align:center;*/
}

#statistics {
	padding-bottom:5px;
}

#statistics span {
	padding-bottom:5px;
	height:15px;
}

#gameover {
	color:#fff;
	position:fixed;
	float:left;
	left:10px;
	top:10px;
	font-size: 20px;
}

.b {
	width:24px;
	height:24px;
	display:inline;
	float:left;
}

.b0 {
	background-image: url('../images/block0.png');
}

.b1 {
	background-image: url('../images/block1.png');
}

.b2 {
	background-image: url('../images/block2.png');
}

.b3 {
	background-image: url('../images/block3.png');
}

.b4 {
	background-image: url('../images/block4.png');
}

.b5 {
	background-image: url('../images/block5.png');
}

.b6 {
	background-image: url('../images/block6.png');
}

.b7 {
	background-image: url('../images/block7.png');
}
